<script type="text/javascript" src="{{$LAYOUT_HELPER_URL}}front/js/jquery.validate.js" ></script>
<script type="text/javascript">
<!--
	jQuery(document).ready(function(){
		// validate signup form on keyup and submit
	    jQuery("#payment").validate({
	        rules: {
	            'data[activation_code]': {
	                required: true,
	                minlength: 6
	            }
	        },
	        messages: {
	        	'data[activation_code]': ""
	        }
	    });

	    jQuery('#btnCreate').click(function(){
	    	jQuery("#payment").submit();
		});
		
	});
	
//-->	
</script>


<div id="content">	
	<div id="title" style="border-top: 2px solid #C20F12; padding-top: 20px;">
		<span class="yel">Xác thực yêu cầu thanh toán</span>
	</div>

	<div class="box-content-square" style="padding-top:0;">
		<div id="step-flow">
			<ul id="step-four">
				<li><strong>1.</strong> &nbsp; &nbsp;Nhập thông tin giao dịch</li>
				<li class="active"><strong>2.</strong> &nbsp; &nbsp;Xác thực giao dịch</li>
				<li class="last"><strong>3.</strong> &nbsp; &nbsp;Hoàn tất</li>
			</ul>
		</div>
		<div class="box-content-square-content" id="transfer-friends">
	
			<form  method="post"  enctype="multipart/form-data" id="payment" >
			<div id="complaints-note">
				<p><strong><u>Hướng dẫn</u></strong>: Để tạo giao dịch bạn hãy nhập thông tin sản phẩm (hoặc dịch vụ) và người được thanh toán theo mẫu dưới đây. Thông tin sản phẩm có thể là thông tin người được thanh toán cung cấp hoặc bạn có thể sử dụng từ giao dịch mẫu.</p>
				<p><strong><u>Bước tiếp theo</u></strong>: Bạn hãy xác thực lại giao dịch bằng cách nhập vào mã số xác thực được hệ thống gửi đến email hoặc SMS của bạn.</p>
				<p><strong><u>Hoàn tất</u></strong>: Hệ thống sẽ gửi email hoặc SMS tới bạn để khẳng định bạn hoặc ai đó đã thực hiện giao dịch. Trong vòng 3 ngày kể từ thời điểm giao dịch hoàn tất, nếu như không có bất kì khiếu nại gì thì coi như giao dịch thành công. Giao dịch chưa được xác thực trong vòng 24h sẽ bị hủy.</p>
			</div>
	        
<!--	        {{if 0 == $executePaymentResponse.ack}}-->
<!--	        	<div class="notification-error">-->
<!--	        		{{l}}Status{{/l}}: {{$executePaymentResponse.status}}<br/>-->
<!--	        		{{l}}Timestamp{{/l}}: {{$executePaymentResponse.timestamp}}-->
<!--	        	</div>-->
<!--	        {{else}}-->
<!--	        	<div class="notification-info">-->
<!--	        		{{l}}Status{{/l}}: {{$executePaymentResponse.status}}<br/>-->
<!--	        		{{l}}Timestamp{{/l}}: {{$executePaymentResponse.timestamp}}-->
<!--	        	</div>-->
<!--	        {{/if}}-->
			
			<h4 style="margin-top:10px;">Xác thực giao dịch</h4>
			
			<table border="0" cellspacing="0" cellpadding="0">
			  <tr>
				<th valign="top"><span class="required">*</span>Mã xác thực:</th>
				<td valign="top">
					<input name="data[activation_code]" id="activation_code" type="text" value="" />
				</td>
			  </tr>
			  <tr>
			  	<th></th>
				<td><input name="btnCreate" id="btnCreate" type="button" value="Tiếp tục »" class="button-content" /> </td>
			  </tr>
			</table>
			
			</form>
		</div>
	</div>
</div>
